﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>作业日志</title>
    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
</head>

<body>

    <table id="demo" lay-filter="test"></table>

    <script src="./layui/layui.js"></script>
    <script src="./static/js/date-format.js" type="text/javascript" charset="utf-8"></script>

    <script>
        layui.use('table', function () {
            var table = layui.table;

            table.render({
                elem: '#demo',
                height: 'full-100',
                //height: 600,
                url: '/v1/joblog', //数据接口
                page: true, //开启分页                
                cols: [
                    [ //表头
                        {
                            field: 'Id',
                            title: 'ID',
                            // width: 80,
                            sort: true,
                            fixed: 'left'
                        }, {
                            field: 'DevNo',
                            title: '设备号',
                            // width: 160
                        }, {
                            field: 'Jch',
                            title: '机车号',
                            // width: 120
                        }, {
                            field: 'BeginTime',
                            title: '开始时间',
                            // width: 200,
                            sort: true,
                            templet: '<div>{{TimeFormat(d.BeginTime)}}</div>'
                        }, {
                            field: 'EndTime',
                            title: '结束时间',
                            // width: 200,
                            sort: true,
                            templet: '<div>{{TimeFormat(d.EndTime)}}</div>'
                        }, {
                            field: 'JobType',
                            title: '类别',
                            // width: 100,
                            sort: true
                        }, {
                            field: 'JobContent',
                            title: '内容',
                            // width: 200,
                            sort: true
                        }, {
                            field: 'JobUser',
                            title: '操作人',
                            // width: 100,
                            sort: true
                        }
                    ]
                ]
            });
        });

        function TimeFormat(d) {
            var date = new Date(d);
            return date.Format("yyyy-MM-dd hh:mm:ss");
        }
    </script>
</body>

</html>